
/**
 导航条hover
 **/
$(function(){
    var nav_num=$('.nav_num').val()
    // console.log(nav_num)
    $('.mod_menu').append('<li class="po"></li>')
    $('.mod_menu li').addClass('ac')
    $('.mod_menu li.po').removeClass('ac')
    for(var y=0; y<nav_num; y++){
        $('.mod_menu li.ac').eq(y).addClass('active')
    }
    for(var n=0; n<$('.mod_menu li.ac').length; n++){
        $('.mod_menu li.ac').eq(n).attr('data-num',n+1)
    }
    var t_w=parseInt($('.mod_menu li.ac').eq(1).width())+parseInt($('.mod_menu li.ac').eq(1).css('padding-left'))*2
    var t_p=parseInt($('.mod_menu li.ac').css('padding-left'))
    var le=0
    function t_a(){
        $('.mod_menu li.active').each(function(index,t){ 
            $('.mod_menu>li.po').css({
                'width':parseInt($(t).width()),
                'transition':'all 0.3s'
            })  
            le+=parseInt($(t).width())+parseInt($(t).css('padding-left'))*2
        })
        if($('.mod_menu li.active').length=='1'){
            $('.mod_menu li.po').css({
                'left':t_p+'px',
            })  
        }
        else{
            $('.mod_menu li.po').css({
                'left': le-t_w+t_p+'px',
            })
        }
    }t_a()
    if($('.mod_menu li.active').length<'1'){
        $('.mod_menu li.po').css({
            'display': 'none',
        })
    }
    $('.mod_menu li.ac').mouseenter(function(){
        $('.mod_menu li.po').css({
            'display': 'block',
        })    
    $('.mod_menu li.ac').removeClass('active')
    var num=$(this).attr('data-num') 
    var le=0   
    for(var i=0; i<num; i++){
        $('.mod_menu li.ac').eq(i).addClass('active') 
    }
    function t_a(){
        $('.mod_menu li.active').each(function(index,t){ 
            $('.mod_menu>li.po').css({
                'width':parseInt($(t).width()),
                'transition':'all 0.3s'
            })  
            le+=parseInt($(t).width())+parseInt($(t).css('padding-left'))*2
        })
        if($('.mod_menu li.active').length=='1'){
            $('.mod_menu li.po').css({
                'left':t_p+'px',
            })  
        }
        else{
            $('.mod_menu li.po').css({
                'left': le-t_w+t_p+'px',
            })
        }
    }t_a()
        
    })
    $('.mod_menu').mouseleave(function(){
        $('.mod_menu li').removeClass('active')   
        for(var y=0; y<nav_num; y++){
            $('.mod_menu li.ac').eq(y).addClass('active')
        }
        var le=0
        function t_a(){
        $('.mod_menu li.active').each(function(index,t){ 
            $('.mod_menu>li.po').css({
                    'width':parseInt($(t).width()),
                    'transition':'all 0.3s'
                })  
                le+=parseInt($(t).width())+parseInt($(t).css('padding-left'))*2
            })
        }t_a() 
        if($('.mod_menu li.active').length=='1'){
            $('.mod_menu li.po').css({
                'left':t_p+'px',
                'width':'32px'
            })  
        }
        if($('.mod_menu li.active').length>'1'){
            $('.mod_menu li.po').css({
                'left': le-t_w+t_p+'px',
            })
        }
        if($('.mod_menu li.active').length<'1'){
            $('.mod_menu li.po').css({
                'display': 'none',
            })
        }
    }) 
})